// jsx语法的注意事项

import React, { Component } from 'react'

// 引入样式文件
import './assets/css/style.css'
// 引入图片文件
import Img from './assets/images/bg.jpg'

// 编写组件并导出
export default class App2 extends Component {
    render() { // 实例方法
        return (
            <div>
                {/* 行内样式 */}
                <p style={{ color: 'red', fontSize: '30px' }}>jsx语法的注意事项</p>
                {/* 外部样式 */}
                <p className="box">jsx语法的注意事项</p>
                {/* 引入图片 */}
                <img src={Img} alt="" width="100" />
                {/* 使用表单 */}
                <label htmlFor="username">
                    用户名：<input type="text" id="username" />
                </label>
            </div>
        )
    }
}